<template>
  <div>
    <h1>理财信息添加页面</h1>
    <table>
      <tr>
        <td>项目名称</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyName">
        </td>
      </tr>

      <tr>
        <td>年收益</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyYearGet">
        </td>
      </tr>

      <tr>
        <td>月收益</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyMonthGet">
        </td>
      </tr>

      <tr>
        <td>最低金额</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyMinGet">
        </td>
      </tr>

      <tr>
        <td>理财人数</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyNumber">
        </td>
      </tr>

      <tr>
        <td>风险等级</td>
        <td>
          <input type="text" v-model="addMon.MonMoneyStyle">
        </td>
      </tr>

      <tr>
        <td></td>
        <td>
          <input type="button" @click="addMonMoney" value="添加">
        </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">

import router from '@/router';
import axios from 'axios';

import {reactive,toRefs} from 'vue'


let data = reactive({
  addMon:{
    MonMoneyName:'',
    MonMoneyYearGet:'',
    MonMoneyMonthGet:'',
    MonMoneyMinGet:'',
    MonMoneyNumber:'',
    MonMoneyStyle:''
  }
})

const {addMon} = toRefs(data)

//添加
const addMonMoney=()=>{
  axios({
    url:'http://localhost:51439/api/MonMoney/PostAddMonMoney',
    method:'post',
    data:addMon.value
  }).then(res=>{
    console.log(res.data);
    if(res.data==-1){
      return alert('该理财项目名称已存在')
    }else if(res.data>0){
      alert('添加成功')
      //跳转到显示列表
      router.push('/show')
    }else{
      return alert('添加失败')
    }
  }).catch(err=>{
    console.log(err);
  })
}

</script>

<style scoped>

</style>